<template>
    <div class="feipinghuishou">
        <div class="advertisement">
            <span class="fphs-one">今日指导价格: </span>
            <span class="fphs-teo"> 纸品类: {{value1}}元/斤</span>
            <span class="fphs-three"> 塑料品类:{{value2}}元/个</span>
            <el-button type="primary" style="position: absolute;right: 40px;top: 60px" @click="dialogFormVisible = true">编辑价格</el-button>

            <el-dialog title="编辑今日指导价格" :visible.sync="dialogFormVisible" >
                <el-form :model="form" >
                    <el-form-item label="纸品类" :label-width="formLabelWidth" style="margin-left: 130px">
                        <el-input v-model="form.name" autocomplete="off" style="width: 300px"></el-input>
                        <span class="bianji">元/斤</span>
                    </el-form-item>
                    <el-form-item label="塑料瓶类" :label-width="formLabelWidth" style="margin-left: 130px">
                        <el-input v-model="form.region" autocomplete="off" style="width: 300px"></el-input>
                        <span class="bianji">元/个</span>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer" >
                    <el-button type="primary" @click="bian">修改</el-button>
                    <el-button @click="dialogFormVisible = false" >取 消</el-button>
                </div>
            </el-dialog>
        </div>

        <div class="inputtext" style="margin-top: 5px">
            用户手机号<el-input v-model="input1" placeholder="请输入用户手机号" style="width: 200px"></el-input>
            用户名字:<el-input v-model="input2" placeholder="请输入用户名字" style="width: 200px"></el-input>
            小区名字:<el-input v-model="input3" placeholder="请输入小区名字" style="width: 200px"></el-input>
            <div style="margin-top: 10px">
                添加时间:<el-date-picker v-model="value1" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期">
            </el-date-picker>
                状态:<el-radio-group v-model="feipinghuishouBtn">
                <el-radio-button label="全部"></el-radio-button>
                <el-radio-button label="已取消"></el-radio-button>
                <el-radio-button label="待接单"></el-radio-button>
                <el-radio-button label="进行中"></el-radio-button>
                <el-radio-button label="已完成"></el-radio-button>
            </el-radio-group>
                <el-button type="primary" @click="dialogFormVisible = false" style="margin-left: 30px">搜索</el-button>
            </div>

        </div>

        <div class="content" style="margin-top: 20px" >
            <el-table
                    :data="feipinhuishouMsg.list"
                    border
                    :cell-style="rowStyle"
                    style="width: 1200px"
                    color:black
                    :header-cell-style="{'background-color':'#409EFF',
color:'#fff'}">
                <el-table-column
                        fixed
                        align="center"
                        prop="goodsId"
                        label="订单ID"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsName"
                        label="用户手机号"
                        width="100">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsShopName"
                        label="用户昵称"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsSalesVolume"
                        label="所属小区"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsPresentPrice"
                        label="回收地址"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="addTime"
                        label="备注信息"
                        width="130">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsStatus"
                        label="下单时间"
                        width="150">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsStatus"
                        label="状态"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsStatus"
                        label="回收员"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsStatus"
                        label="上门时间"
                        width="150">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodsStatus"
                        label="回收金额"
                        width="90">
                </el-table-column>
                <el-table-column
                        align="center"
                        fixed="right"
                        label="操作"
                        width="90">
                    <template slot-scope="scope">
                        <el-button @click="handleClick(scope.row)" type="text" size="small">上架</el-button>
                        <el-button type="text" size="small">下架</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>



    </div>
</template>

<script>
    export default {
        name: "FeiPingHuiShouComponent",
        data:function () {
            return{
                input1: "",
                input2: "",
                input3: "",
                value1: "1",
                value2: "1",
                feipinghuishouBtn:"全部",
                feipinhuishouMsg:{},
                dialogTableVisible: false,
                dialogFormVisible: false,
                form: {
                    name: '',
                    region: '',
                    date1: '',
                    date2: '',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: ''
                },
                formLabelWidth: '100px'
            }
        },
        created() {
            this.axios.request("/recycleOrder/queryRecycleOrderList", {params:{
                    pageNum:1,
                    pageSize:10,
                    status:"0",
                    userName:"",
                    userPhone:"",
                    communityName:"",
                    startTime:"",
                    endTime:""


                }}).then((res)=>{

                this.feipinhuishouMsg = res.data.data;
                console.log(this.feipinhuishouMsg)
            }).catch((err)=>{

            })
        },
        methods: {
            rowStyle() {
            },
            bian(){
                this.value1=this.form.name;
                this.value2=this.form.region;
                this.dialogFormVisible = false;
            }


        },

    }
</script>

<style scoped>
    .feipinghuishou{
        margin: 0 20px;
    }
    .advertisement{
        height: 150px;
        background-color: #F0F0F0;
        border-radius: 10px;
        line-height: 150px;
        /*margin: 0 20px;*/
        position: relative;
    }
    span{
        font-size: 30px;
        margin-left: 40px;
    }
    .fphs-one{
        color: #498BEF;
    }
    .bianji{
        margin-left: 0;
        padding: 9px 15px;
        font-size: 16px;
        /*background-color: #F5F7FA;*/
        border-radius: 0 3px 3px 0;
    }
</style>